.container-fluid-body {
	height: 85vh;
	position: relative;
}

.container-fluid-haed {
	background: url(../img/title_line.png) no-repeat center;
	height: 15vh;
}

.container-fluid-haed h2 {
	font-size: 38px;
	text-align: center;
	line-height: 15vh;
}

.banner-top-bg {
	width: 90%;
	margin: 0 auto;
	height: 60px;
	overflow: hidden;
}

.banner-top-bg ul {
	list-style-type: none;
	position: absolute;
	left: 50%;
	margin-left: -244px;
}

.banner-top-bg ul li {
	color: white;
	float: left;
	line-height: 56px;
	padding: 0 20px;
	cursor: pointer;
}

.banner-top-bg ul li:hover {
	border-bottom: 4px solid #00A0F7;
}

.banner-top-bg-left {
	float: left;
}

.banner-top-bg-right {
	float: right;
}

.banner-top-bg-right a {
	float: right;
	padding: 7px 12px;
	color: white;
	font-size: 16px;
	background: linear-gradient(to right, #00A0F7, #00D7F5);
	margin-top: 12.5px;
}

.banner-top-bg-right img {
	float: right;
	margin-top: 18px;
}

.bd-li-text {
	position: absolute;
	left: 50%;
	top: 30%;
	margin-left: -510px;
	text-align: center;
	color: white;
}

.bd-li-text h1 {
	/*margin-top: 200px;*/
	font-size: 100px;
	font-weight: 400;
}

.bd-li-text span {
	margin-top: 20px;
	font-size: 34px;
	margin-left: 10px;
}

.bd-li-text button {
	margin-top: 40px;
	border: 0;
	border-radius: 6px;
	color: white;
	font-weight: 0;
	font-size: 24px;
	padding: 6px 20px;
	background: linear-gradient(to right, dodgerblue, cornflowerblue);
	cursor: pointer;
}

.bd-li-text button:hover {
	border: 1.5px solid white;
	background: rgba(255, 255, 255, 0.8);
	color: cornflowerblue;
}

.banner-top {
	width: 100%;
	height: 60px;
	background: black;
}

.yingyong-box {
	width: 50%;
	overflow: hidden;
	padding-top: 6%;
	padding-left: 3%;
}

.yingyong-box1 {
	width: 30%;
	margin-right: 3.33%;
	margin-bottom: 3.33%;
	border: 1px solid white;
	border-radius: 3%;
	float: left;
	text-align: center;
	background: rgba(255, 255, 255, 0.33);
	padding: 20px 0;
}

.yingyong-box1:hover,
.yingyong-box2:hover {
	background: linear-gradient(to right, dodgerblue, cornflowerblue);
	border: 1px solid dodgerblue;
}

.yingyong-box1 img {
	margin: 0 auto;
	width: 40%;
	z-index: 0;
}

.yingyong-box1 span {
	font-size: 24px;
	color: white;
}

.yingyong-box2 {
	width: 30%;
	margin-right: 2.7%;
	margin-bottom: 3.33%;
	border: 1px solid white;
	border-radius: 3%;
	float: right;
	text-align: center;
	background: rgba(255, 255, 255, 0.33);
	padding: 10px 0;
}

.yingyong-box2 span {
	font-size: 14px;
	line-height: 20px;
	color: white;
}

.bg-img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 85vh;
	width: 100%;
}

.clear {
	clear: both;
}

.suju-box {
	text-align: center;
}

.suju-box h2 {
	color: white;
	font-size: 40px;
	font-weight: 300;
	padding-top: 3%;
}

.suju-box-bottom {
	width: 60%;
	background: rgba(255, 255, 255, 0.9);
	padding: 30px 10% 50px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 10%;
	bottom: 0;
}

.suju-box1 {
	width: 16%;
	float: left;
	margin-right: 5%;
	text-align: center;
}

.suju-box1 span {
	padding-top: 10px;
	font-family: "微软雅黑";
	font-size: 24px;
}

.suju-box1:hover span {
	color: rgb(24, 178, 254);
}

.suju-box1:hover .box1-img-hover {
	visibility: visible;
}

.suju-box1:hover .suju-box1-img {
	visibility: hidden;
}

.suju-box1-img {
	margin: 0 auto 6px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: white;
	border: 2px solid rgb(0, 166, 247);
	position: relative;
	cursor: pointer;
}

.suju-box1-img img {
	width: 60%;
	margin: 20px 0;
	vertical-align: middle;
}

.box1-img-hover {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	/*margin: 0 auto 6px;*/
	border-radius: 50%;
	background: rgba(19, 168, 244, 1);
	border: 2px solid rgb(0, 166, 247);
}

.box1-img-hover img {
	width: 60%;
	margin: 20px 0;
	vertical-align: middle;
}

.xitong-box-head {
	text-align: center;
	color: white;
	font-size: 24px;
	max-width: 767px;
	margin: 0 auto;
	padding-top: 50px;
}

.yingyong,
.suju,
.xitong,
.jiejue {
	width: 100vw;
	height: 100vh;
}

.secbn-div {
	text-align: center;
	float: left;
	width: 15vw;
	padding: 3vh 0;
	border-radius: 24px;
	border: 2px solid white;
	background: rgba(255, 255, 255, 0.3);
	margin-right: 1vw;
	margin-bottom: 1vw;
}

.secbn-div span {
	color: white;
	font-size: 24px;
	margin-top: 10px
}

.xitong-box-lunbo {
	width: 32vw;
}

.xitong-box-banner {
	position: absolute;
	left: 60vw;
	top: 26vh;
}

.xitong-box {
	position: relative;
}

#slideBox1>.prev,
#slideBox1>.next {
	position: absolute;
	top: 50%;
	margin-top: -24px;
}

#slideBox1>.prev {
	left: -56px;
}

#slideBox1>.next {
	right: 0px;
}

.secbn-div:hover {
	border: 2px solid rgba(27, 215, 243, 1);
	cursor: pointer;
	background: linear-gradient(90deg, rgba(27, 215, 243, 1), rgba(18, 162, 244, 1))
}

.jiejue-box {
	width: 100%;
	height: 100%;
}

.jiejue-box-top {
	height: 60%;
	width: 100%;
	background: #191919;
}

.jiejue-box-mid {
	width: 100%;
	height: 30%;
	background: #0e0e0e;
	overflow: hidden;
}

.jiejue-mid-text {
	width: 20%;
	text-align: center;
	color: white;
	padding-top: 1%;
	float: left;
}

.jiejue-mid-text h4 {
	font-weight: normal;
	font-size: 18px;
	cursor: pointer;
}

.jiejue-mid-text span {
	line-height: 200%;
	cursor: pointer;
}

.jiejue-mid-text img {
	width: 30%;
}

.jiejue-mid-text h2,
.jiejue-mid-text h3 {
	font-weight: normal;
	line-height: 200%;
}

.jiejue-box-bottom {
	width: 100%;
	height: 10%;
	background: #000000;
	text-align: center;
	padding-top: 1%;
}

.jiejue-box-bottom span {
	color: white;
}
.slideBox2{
	height: 100%;
	position: relative;
}
.slideBox2 a i {
	font-size: 36px;
}
.slideBox2 a{
	position: absolute;
	top:50%
}
.slideBox2 a:hover{
	color: white;
}
#slideBox2>.prev{
	left: 3%;
}
#slideBox2>.next{
	right: 3%;
}
.jiejue-lunbo-box {
	height: 100%;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

.jiejue-lunbo-box1 {
	height: 100%;
	width: 20%;
	position: relative;
	float: left;
}
.jiejue-lunbo-box1-img{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.jiejue-lunbo-box1-top{
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	z-index: 1;
	-webkit-transition: background 1s;
	transition: background 1s;
}
.jiejue-lunbo-box1-top>img{
	margin-top: 40%;
	width: 50%;
}
.jiejue-lunbo-box1-top>span{
	font-size: 30px;
    color: white;
  	margin-top: 10%;
  	display: inline-block;
}
.jiejue-lunbo-box1-bottom{
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	visibility: hidden;
	background: rgba(0,169,247,0.6);
	color: white;
	
}
.jiejue-lunbo-box1-bottom>img{
	margin-top: 20%;
	margin-bottom: 10%;
	width: 50%;
}

.jiejue-lunbo-box1-bottom>span{
	margin-top: 3%;
	display: inline-block;
	width: 80%;
}
.jiejue-lunbo-box1-bottom>button{
	padding: 6px 20px;
    border-radius: 8px;
    font-size: 16px;
    color: white;
    z-index: 9999;
    cursor: pointer;
    border: 0;
    margin-top: 10%;
    background: linear-gradient(to right, #00A0F7 , #00D7F5);
}
.jiejue-lunbo-box1:hover .jiejue-lunbo-box1-top{
	visibility: hidden;
}
.jiejue-lunbo-box1:hover .jiejue-lunbo-box1-bottom{
	visibility: visible;
}
#slideBox1>.prev>img,
#slideBox1>.next>img{
	position: absolute;
}
.slideBox1-a-img{
	display: none;
}
#slideBox1>.prev:hover .slideBox1-a-img,
#slideBox1>.next:hover .slideBox1-a-img{
	display: block;
}
